<script setup lang="ts">
import PasswordStrength from './password-strength.vue';

interface Props {
  class?: any;
}

defineOptions({
  name: 'InputPassword',
  inheritAttrs: false
});

const props = defineProps<Props>();
const modelValue = defineModel<string>();
</script>

<template>
  <div class="relative w-full">
    <NInput v-bind="$attrs" v-model:value="modelValue" type="password" :class="props.class" />
    <PasswordStrength :password="modelValue" />
  </div>
</template>
